{% extends 'base.html' %}
{% load staticfiles %}
{% block body %}

    <section class="container main-load">
        <article class="post_article" itemscope itemtype="https://schema.org/Article">
            {{ article.article_desc }}
            <div style="clear:both; margin-top:5px; margin-bottom:5px;"></div>
            <div style="float:left">
                <!-- JiaThis Button BEGIN -->

                <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
                <!-- JiaThis Button END -->

                <!-- JiaThis Button BEGIN -->
                <div class="jiathis_style">
                    <span class="jiathis_txt">分享到：</span>
                    <a class="jiathis_button_tools_1"></a>
                    <a class="jiathis_button_tools_2"></a>
                    <a class="jiathis_button_tools_3"></a>
                    <a class="jiathis_button_tools_4"></a>
                    <a href="javascript:if(confirm('http://www.jiathis.com'))window.location='http://www.jiathis.com/share'"
                       class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
                    <a class="jiathis_counter_style"></a>
                </div>

                <!-- JiaThis Button END --></div>
            <div style="clear:both; margin-top:5px; margin-bottom:5px;"></div>
            <div class="open-message" style="border:#00a67c 1px solid;border-radius:5px 5px 5px 5px;"><i
                    class="fa fa-bullhorn"></i>sc珉博客，版权所有丨如未注明，均为原创丨
                <br>本网站采用<a
                        href="javascript:if(confirm('请共同准守BY-NC-SA协议'))window.location='https://creativecommons.org/licenses/by-nc-sa/3.0/cn/'"
                        rel="nofollow" target="_blank" title="BY-NC-SA授权协议">BY-NC-SA</a>协议进行授权.
                <br>转载请注明转自：<a href="{% url 'article' %}?id={{ article.id }}" title="{{ article.title }}">blog.wandog.com{% url 'article' %}?id={{ article.id }}</a>
            </div>
        </article>

        <nav class="nearbypost">
            <div class="alignleft"><a
                    href="{% url 'article' %}?id={{ prearticle.id }}"
                    rel="prev">{{ prearticle.title }}</a></div>
            <div class="alignright"><a
                    href="{% url 'article' %}?id={{ lastarticle.id }}"
                    rel="next">{{ lastarticle.title }}</a></div>
        </nav>
    </section>    <!-- Comments -->
    <section class="comments">
        <div class="container" data-no-instant>

            <!-- You can start editing here. -->

            <h3 id="comments">
                {{ article.get_message_nums }}条回应：&#8220;{{ article.title }}&#8221; </h3>

            <div class="navigation">
                <div class="alignleft"></div>
                <div class="alignright"></div>
            </div>

            <ol class="commentlist">
                <li class="comment even thread-even depth-1 parent" id="comment-4">
                    <div id="div-comment-4" class="comment-body">
                        <div class="comment-author vcard">
                            <img alt=''
                                 src="../../cn.gravatar.com/avatar/70939578872877d5593a6dfeb92aca1e-s=100&r=g.jpg"
                                 srcset='https://cn.gravatar.com/avatar/70939578872877d5593a6dfeb92aca1e?s=64&#038;r=g 2x'
                                 class='avatar avatar-32 photo' height='32' width='32'/> <a
                                href="javascript:if(confirm('http://cc影?'))window.location='http://cc影视/'"
                                rel='external nofollow' class='url'>测试</a> <img src="{% static 'images/cn.png' %}"
                                                                                title="China" alt="China"
                                                                                class="country-flag"/> <img
                                src="{% static 'images/chrome.png' %}" title='Google Chrome 57.0.2987.108'
                                alt='Google Chrome' width='14px' height='14px' class='browser-icon'/> <img
                                src="{% static 'images/windows.png' %}"
                                title='Windows Server 2003' alt='Windows' width='14px' height='14px' class='os-icon'/>
                            <a class="vip1" title="VIP 1"></a><cite class="fn"></cite><span class="says">说道：</span>
                        </div>

                        <div class="comment-meta commentmetadata"><a href="27.html#comment-4">
                            2018年2月14日 上午12:37</a></div>

                        <p>测试……</p>

                        <div class="reply"><a rel='nofollow' class='comment-reply-link'

                                              onclick='return addComment.moveForm( "div-comment-4", "4", "respond", "27" )'
                                              aria-label='回复给表弟'>回复</a></div>
                        <div id="respond" class="comment-respond">
                            <h3 id="reply-title" class="comment-reply-title">发表评论
                                <small><a rel="nofollow" id="cancel-comment-reply-link" href="27.html#respond"
                                >取消回复</a></small>
                            </h3>
                            <form action="https://cblog.me/wp-comments-post.php" method="post" id="commentform"
                                  class="comment-form">
                                <p class="comment-notes"><span id="email-notes">电子邮件地址不会被公开。</span> 必填项已用<span
                                        class="required">*</span>标注</p>
                                <p class="comment-form-author"><label for="author">姓名 <span
                                        class="required">*</span></label> <input
                                        id="author" name="author" type="text" value="" size="30" maxlength="245"
                                        aria-required='true' required='required'/></p>
                                <p class="comment-form-email"><label for="email">电子邮件 <span
                                        class="required">*</span></label> <input
                                        id="email" name="email" type="text" value="" size="30" maxlength="100"
                                        aria-describedby="email-notes" aria-required='true' required='required'/></p>
                                <p class="comment-form-url"><label for="url">站点</label> <input id="url" name="url"
                                                                                               type="text"
                                                                                               value="" size="30"
                                                                                               maxlength="200"/>
                                </p>
                                <p class="comment-form-comment"><label for="comment">评论</label> <textarea id="comment"
                                                                                                          name="comment"
                                                                                                          cols="45"
                                                                                                          rows="8"
                                                                                                          maxlength="65525"
                                                                                                          aria-required="true"
                                                                                                          required="required"></textarea>
                                </p>
                                <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit"
                                                              value="发表评论"/>
                                    <input type='hidden' name='comment_post_ID' value='27' id='comment_post_ID'/>
                                    <input type='hidden' name='comment_parent' id='comment_parent' value='0'/>
                                </p></form>
                        </div><!-- #respond -->

                    </div>
                    <ul class="children">
                        <li class="comment odd alt depth-2" id="comment-17">
                            <div id="div-comment-17" class="comment-body">
                                <div class="comment-author vcard">
                                    <img alt=''
                                         src="../../cn.gravatar.com/avatar/69dc7057d907052319abb9530e2f961c-s=100&r=g.jpg"
                                         srcset='https://cn.gravatar.com/avatar/69dc7057d907052319abb9530e2f961c?s=64&#038;r=g 2x'
                                         class='avatar avatar-32 photo' height='32' width='32'/> <a
                                        href="javascript:if(confirm('http://qq.com/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://qq.com/'"
                                        rel='external nofollow' class='url'>测试</a> 

                                    <img
                                        src="../wp-content/plugins/show-useragent/flags/us-1.png" title="United States"
                                        alt="United States" class="country-flag"/> <img
                                        src="../wp-content/plugins/show-useragent/browsers/chrome-1.png"
                                        title='Google Chrome 55.0.2883.87' alt='Google Chrome' width='14px'
                                        height='14px' class='browser-icon'/> <img
                                        src="../wp-content/plugins/show-useragent/browsers/windows_win7-1.png"
                                        title='Windows 7' alt='Windows' width='14px' height='14px' class='os-icon'/> <a
                                        class="vip1" title="VIP 1"></a><cite class="fn"></cite><span
                                        class="says">说道：</span></div>

                                <div class="comment-meta commentmetadata"><a href="27.html#comment-17">
                                    2018年3月4日 下午5:25</a></div>

                                <p>@<a href="#comment-4">测试</a> 测试2</p>

                                <div class="reply"><a rel='nofollow' class='comment-reply-link'
                                                      href="javascript:if(confirm('https://cblog.me/archives/27.html?replytocom=17  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ������, �����������, ����Ŀ����ֹͣ��  \n\n�����ڷ������ϴ���?'))window.location='https://cblog.me/archives/27.html?replytocom=17#respond'"
                                                      onclick='return addComment.moveForm( "div-comment-17", "17", "respond", "27" )'
                                                      aria-label='回复给32'>回复</a></div>
                            </div>
                        </li><!-- #comment-## -->

                    </ul><!-- .children -->
                </li><!-- #comment-## -->
            </ol>

            <div class="navigation">
                <div class="alignleft"></div>
                <div class="alignright"></div>
            </div>

            <div id="respond" class="comment-respond">
                <h3 id="reply-title" class="comment-reply-title">发表评论
                    <small><a rel="nofollow" id="cancel-comment-reply-link" href="27.html#respond"
                              style="display:none;">取消回复</a></small>
                </h3>
                <form action="https://cblog.me/wp-comments-post.php" method="post" id="commentform"
                      class="comment-form">
                    <p class="comment-notes"><span id="email-notes">电子邮件地址不会被公开。</span> 必填项已用<span
                            class="required">*</span>标注</p>
                    <p class="comment-form-author"><label for="author">姓名 <span class="required">*</span></label> <input
                            id="author" name="author" type="text" value="" size="30" maxlength="245"
                            aria-required='true' required='required'/></p>
                    <p class="comment-form-email"><label for="email">电子邮件 <span class="required">*</span></label> <input
                            id="email" name="email" type="text" value="" size="30" maxlength="100"
                            aria-describedby="email-notes" aria-required='true' required='required'/></p>
                    <p class="comment-form-url"><label for="url">站点</label> <input id="url" name="url" type="text"
                                                                                   value="" size="30" maxlength="200"/>
                    </p>
                    <p class="comment-form-comment"><label for="comment">评论</label> <textarea id="comment"
                                                                                              name="comment" cols="45"
                                                                                              rows="8" maxlength="65525"
                                                                                              aria-required="true"
                                                                                              required="required"></textarea>
                    </p>
                    <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="发表评论"/>
                        <input type='hidden' name='comment_post_ID' value='27' id='comment_post_ID'/>
                        <input type='hidden' name='comment_parent' id='comment_parent' value='0'/>
                    </p></form>
            </div><!-- #respond -->
        </div>
    </section><!--音乐播放器-->

{% endblock body %}